/**
 * 1. 登陆页面
 * 2. 其他页面
 */

import React from 'react' // 17.0 18.0
import { Layout, Space, Col, Row } from 'antd'
import { Outlet } from 'react-router-dom'
import { MenuSlider } from 'components'
import './style.scss'

const BaseLayout = () => {
  return (
    <Row className="row-container">
      <Col className="left-wrapper" span={6}>
        {/* 侧边栏 */}
        <MenuSlider></MenuSlider>
      </Col>
      <Col className="right-wrapper" span={18}>
        {/* 大的内容盒子 */}
        {/* 第一种排版 */}
        <div>第二模版的头部</div>
        <Row>
          <Col>
            <Outlet></Outlet>
          </Col>
        </Row>
      </Col>
    </Row>
  )
}

export default BaseLayout
